.login {
	display: flex;
	flex-direction: column;
	align-items: center;
  height: 100vh;
	.title {
		padding-top: 120rpx;
		font-size: 56rpx;
		font-weight: bold;
		line-height: 80rpx;
	}

	.sub-title {
    margin-bottom: 80rpx;
		font-size: 32rpx;
		line-height: 44rpx;
		color: #666;
	}

  .pic {
		padding: 0;
		width: 250rpx;
		height: 250rpx;
		image {
			width: 100%;
			height: 100%;
		}
	}

	.input {
		margin-top: 25rpx;
		border-radius: 16rpx;
		padding: 0 10rpx;
		width: 300rpx;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		border: 1rpx solid #76767C;
	}
	.button {
		margin-top: 60rpx;
		border-radius: 40rpx;
		width: 622rpx;
		height: 80rpx;
		font-size: 32rpx;
		font-weight: bold;
    line-height: 80rpx;
    text-align: center;
		color: #FFF;
		background: #2E2E38;
	}
	.rule {
		margin-top: 16rpx;
		line-height: 40rpx;
		font-size: 28rpx;
		color: #666;

		.main-color {
			color: #2E2E38;
		}
	}
	.mark {
		margin-top: 16rpx;
		font-size: 22rpx;
		line-height: 30rpx;
		color: #999;
	}

	.other {
    display: flex;
    align-items: center;
		position: fixed;
		left: 50%;
		bottom: 100rpx;
		margin-left: -125rpx;
		width: 250rpx;
		height: 40rpx;
		line-height: 40rpx;
		text-align: center;
		font-size: 28rpx;
		color: #2E2E38;
   
    .line {
      flex: 0 0 auto;
      margin: 0 32rpx;
      width: 2rpx;
      height: 40rpx;
      background: #76767C;
    }
	}
}